<script setup lang="ts">
</script>

<template>
  <div class="hm-nav-bar">
    <button>左侧按钮</button>
    <div>标题</div>
    <slot><button>右侧按钮</button></slot>
  </div>
</template>

<style scoped>
.hm-nav-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: 24px;
  padding: 1vw;
  background-color:pink;
}
</style>